﻿@model WebShop.Models.CategoryListModel

<div class="row-fluid">
    
    <ul class="breadcrumb">
        <li>
            <i class="icon-chevron-left"></i> <a href="@Url.RouteUrl("Default", new RouteValueDictionary { { "controller", "index" }, { "action", "index" }})">@Model.Translate("main_page")</a>
        </li>
        <span class="divider">/</span>
        <li class="active">@Model.Breadcrumbs[0].Name</li>
    </ul>

    @foreach (var item in Model.Categories)
    {
            <div class="index-category-item">
                <img src="@item.Image" alt="@item.Name"/>
                <a href="@Url.RouteUrl("Category", new RouteValueDictionary { { "id", item.Id } })">
                    <span>@item.Name</span>
                </a>
            </div>
    }

</div>